.M-common {
	&SLC {
		border: 1px solid #ccc;
		//width: 810px;

		input {
			margin: -3px 5px 0 10px;
		}
		label {
			line-height: 20px;
			cursor: pointer;
			vertical-align: 2px;
		}

		&Buttons {
			//background: #EBF4F9;
			background: #F0F0F0;
			text-align: right;
			padding-top: 5px;
			padding-bottom: 5px;
			border-bottom: 1px solid #bbb;

			a {
				cursor: pointer;
				margin-right: 4px;
				font-size: 110%;
			}
		}

		&Head {
			height: 30px;
			//background: #EBF4F9;
			background: #F0F0F0;
			margin: 0;
			padding: 0;

			> li {
				display: block;
				float: left;
				height: 25px;
				padding: 5px 20px 0 0;
				color: #333;

				&.act {
					font-weight: 600;
				}
			}
			> span {
				line-height: 30px;
				display: block;
				text-align: center;
			}
		}

		&Zone {
			border-top: 1px solid #ccc;
			min-height: 30px;
			//background: #F2F7FD;
			background: #F2F2F2;

			&.alt {
				//background: #F8FCFD;
				background: #F8F8F8;
			}

			&Head {
				display: block;
				float: left;
				// width: 100px;
				width: 13%;
				height: 30px;
				line-height: 30px;
				//padding-top: 5px;
				color: #777;
				font-weight: 600;
			}

			&Body {
				margin: 0;
				padding: 0;
				display: block;
				// margin-left: 100px;
				margin-left: 13%;
				position: relative;
			}
		}

		&Item {
			position: relative;
			display: block;
			float: left;
			//padding-top: 5px;
			height: 30px;
			line-height: 30px;
			// width: 114px;
			width: 16%;

			&Head {
				text-overflow: ellipsis;
				overflow: hidden;
				width: 100%;
				white-space: nowrap;

				.tips {
					display: inline-block;
					vertical-align: -3px;
					margin: 0 0 0 10px;
					vertical-align: -1px;
					cursor: pointer;
					.icon;
					.icon-formQuestionMark;
				}
			}

			&.hasSub {
				.ico {
					vertical-align: sub;
					margin-left: 2px;
					display: none;
				}
			}

			&.act {
				> div {
					// position: absolute;
					// top: -1px;
					// left: -1px;
					// padding: 5px 15px 0 0;
					height: 28px;
					border: 1px solid #aaa;
					//border-right: none;
					background: #fff;
					z-index: 3;
					border-top: none;
					border-bottom: none;
					position: relative;
					line-height: 30px;
					margin: 0 -1px;
				}
				> ul {
					display: block;
				}
			}
		}
		&SubCount {
			display: none;
			position: absolute;
			right: 0px;
			top: 4px;
			border-radius: 4px;
			height: 18px;
			line-height: 18px;
			padding: 0 3px;
			background: #67CFFF;
			color: #fff;
		}

		&Sub {
			display: none;
			position: absolute;
			top: 27px;
			border: 1px solid #aaa;
			padding: 0 5px 5px 0;
			z-index: 2;
			background: #fff;
			//width: 245px;
			width: 200%;
			left: -1px !important;

			li {
				display: inline-block;
				width: 45%;
				height: 25px;
				padding-top: 5px;
				line-height: 25px;
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
				label {
					display: inline;
				}
			}
		}

		&MongoAppClass ,&ChannelClass {
			.M-commonSLCHead{
				display: none;
			}
			.M-commonSLCSub {
				// width: 365px;
				li {
					// width: 400px;
				}
			}
			.hasSub {
				// width: 114px;
			}
		}
		&ChannelClass {
			.M-commonSLCHead{
				display: block;
			}
		}
	}
	&NewSLC {
		border: 1px solid #ccc;
		width: 890px;
		// width: 100%;
		color: #6C6C6C;

		input {
			margin: -3px 5px 0 10px;
		}
		label {
			line-height: 20px;
			cursor: pointer;
			vertical-align: 2px;
		}

		&Buttons {
			background: #F8F8F8;
			text-align: right;
			height: 40px;
			line-height: 40px;
			padding-right: 0px;

			float: right;

			a {
				cursor: pointer;
				margin-right: 10px;
				font-size: 110%;
				color: #659BBC;
			}
		}

		&Search {
			display: inline-block;
			margin-right: 10px;
			position: relative;
			.searchInput {
				width: 180px;
			}
			em {
				position: absolute;
				right: 6px;
				top: 50%;
				margin-top: -15px;
				cursor: pointer;
			}
			.do {
				.icon;
				.icon-searchBtnGo;
			}
			.undo {
				.icon;
				.icon-searchBtnDel;
				display: none;
				right: 26px;
			}
		}

		&Head {
			float: left;
			height: 40px;
			line-height: 40px;



			> li {
				display: block;
				float: left;
				width: 80px;
				position: relative;

				&.act {
					font-weight: 600;
					&:after {
						width: 80px;
						height: 4px;
						background: #659BBC;
						content: " ";
						position: absolute;
						bottom: 0;
						left: 0;
					}
				}

			}
			> span {
				line-height: 30px;
				display: block;
				text-align: center;
			}
		}

		&Body {
			width: 888px;
		}

		&Zone {
			border-top: 1px solid #ccc;
			min-height: 30px;
			background: #FFF;
			clear: both;

			&.alt {
				// background: #F8FCFD;
			}

			&Head {
				display: block;
				float: left;
				width: 155px;
				padding-left: 4px;
				// border-right: 1px solid #E9E9E9;
				line-height: 36px;

				label {
					font-weight: 600;
				}

			}

			&Body {
				display: block;
				margin-left: 160px;
			}
		}

		&Item {
			position: relative;
			display: block;
			float: left;
			height: 36px;
			line-height: 36px;
			width: 120px;

			&Head {

			}

			&.act {
				> div {

				}
				> ul {
					display: block;
				}

				> em {
					display: block;
				}
			}
		}

		.hasSub {
			>.M-commonNewSLCItemHead {
				label {
					color: #659BBC;
				}
			}
		}

		.highlight {
			background: #ccc;
			font-weight: bold;
		}

		&SubTriangle {
			height: 0;
			width: 0;
			overflow: hidden;
			content: " ";
			border-width: 5px;
			border-color: transparent transparent #659BBC transparent ;
			border-style: solid;
			display: inline-block;
			position: absolute;
			bottom: 0;
			left: 30px;
			display: none;
		}

		&SubCount {
			display: none;
			position: absolute;
			right: 5px;
			top: 50%;
			margin-top: -10px;
			border-radius: 4px;
			height: 18px;
			line-height: 18px;
			padding: 0 3px;
			background: #67CFFF;
			color: #fff;
		}

		&Sub {
			display: none;
			position: absolute;
			top: -1px;
			border: solid #659BBC;
			border-width: 1px 0 0 0;
			z-index: 101;
			background: #FFFFFF;
			padding-top: 2px;
			box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);

			&:before {
				height: 0;
				width: 0;
				overflow: hidden;
				content: " ";
				border-width: 5px;
				border-color: transparent transparent #659BBC transparent ;
				border-style: solid;
				display: inline-block;
				position: absolute;
				left: 30px;
				top: -11px;
			}

			li {
				display: inline-block;
				width: 100px;
				float: left;
				position: relative;

				&.act {
					> div {

					}
					> ul {
						display: block;
					}

					> em {

					}
				}

			}
		}

		&Item {
			>.M-commonNewSLCSub {
				background: #F8F8F8;
				&:before {
					display: none;
				}
			}
		}
	}
	&ColumnWithThumbnail{
		display: inline-block;
		vertical-align: middle;
		img {
			float: left;
		}
		span {
			height: 50px;
			line-height: 50px;
			i {
				vertical-align: middle;
			}
			a {
				vertical-align: middle;
			}
		}
	}
	&List{
		&Header{
			margin-bottom: 20px;
			&Title{
				font-size: 19px;
				vertical-align: middle;
			}
		}
	}
	&Form{
		&Header{
			margin-bottom: 20px;
			&Title{
				font-size: 19px;
				vertical-align: middle;
			}
		}
		&Content {
			padding: 20px;
			background: #F5F5F5;
			&Item {
				margin: 0 0 20px;
				label {
					font-size: 14px;
					width: 90px;
					text-align: right;
					margin-right: 10px;
					display: inline-block;
				}
				input {
					width: 300px;
				}
			}
			&Buttons {
				text-align: center;
			}
		}
	}
	&Filter {
		position: relative;
		float: left;

		&Label {
			display: block;
			float: left;
			position: relative;
			height: 28px;
			line-height: 30px;
			padding: 0 18px 0 10px;
			border: 1px solid #d9d9d9;
			margin-right: 10px;
			background-color: #fff;
			text-decoration: none!important;
			color: #333;
			cursor: default;
			white-space: nowrap;
			cursor: pointer;
			z-index: 100;

			i {
				position: absolute;
				top: 10px;
				right: 5px;
				&:hover {
					color: #059;
				}
			}
			.filterCancel {
				display: none;
			}

		}
		.label_act {
			z-index: 102;
			border-bottom: 1px solid #fff;
		}

		&Con {
			display: none;
			position: absolute;
			z-index: 101;
			top: 24px;
			left: 0px;
			background-color: #fff;
			border: 1px solid #d9d9d9;
			padding: 10px;
			padding-right: 40px;
			box-shadow: 2px 2px 2px rgba(0,0,0,0.1);

			.filterList {
				margin-top: 10px;
				min-width: 300px;
				a {
					position: relative;
					float: left;
					display: block;
					height: 18px;
					line-height: 17px;
					padding: 0px 2px 0px;
					margin-right: 18px;
					white-space: nowrap;
					zoom: 1;
					color: #1d7ad9;
					margin-bottom: 5px;
					text-decoration: none!important;
					.filter_x {
						display: none;
					}
					&:hover {
						color: #FFF;
  						background-color: #2FAEEB;
					}
				}
				.select_act {
					color: #FFF;
  					background-color: #2FAEEB;
				}
			}
			.filterBtn {
			}
		}
	}
}

.M-countryClient {
	.M-commonSLCHead {
		display: none;
	}
	.M-commonSLCBody {
		margin-top: -1px;
	}

	.hasSub {
		float: none;
		padding: 0;
		height: auto;
		width: auto;

		> div {
			// height: 25px;
			// padding-top: 5px;
			background: #eee;
			font-weight: 700;
			color: #000;
		}
		> ul {
			display: block;
			position: static;
			border: none;
			width: auto;
			> li {
				// width: 140px;
				width: 13%;
			}
		}
		> span {
			right: auto;
			left: 13%;
		}
	}
	// 隐藏侧边栏 -针对移动端RTB
	&HideLevel{
		// 隐藏了第二级
		.M-commonSLCZoneHead{
			display: none;
		}
		.M-commonSLCZoneBody{
			margin-left: 0;
		}
		.M-commonSLCZoneBody{
			background-color: #FFF;
		}
		.M-commonSLCItemHead{
			display: none;
		}
		.M-commonSLCItem{
			display: inline-block;
		}
	}
}

@media screen and (max-width: 1350px){
	.M-commonSLCItem {
		width: 18%;
	}
}